<!doctype HTML>
<title>Tests that an SVG mask applies to a foreignObject element</title>
<link rel="match" href="masked-ref.html">
<link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org">
<link rel="help" href="https://svgwg.org/svg2-draft/single-page.html#embedded-ForeignObjectElement"/>
<svg style="display: block">
    <foreignObject x="0" y="0" width="32" height="32" mask="url(#circle)">
        <div style="width: 32px; height: 32px; background: green"></div>
    </foreignObject>
    <mask id="circle" maskContentUnits="objectBoundingBox" viewBox="0 0 1 1">
        <circle fill="white" cx="0.5" cy="0.5" r="0.5"></circle>
    </mask>
</svg>
